<admintpl file="headerEx" />
<title>{:L('ADMIN_NAV_INDEX')}</title>
<!--responsive table-->
<link href="__PUBLIC__/TciocEx/css/table-responsive.css" rel="stylesheet" />
</head>

<!-- Placed js at the end of the document so the pages load faster -->
<body class="sticky-header">
<section>
	<!-- main content start-->
	<div class="full-content" >
		<!--body wrapper start-->
		<div class="wrapper">
			<div class="row">
				<div class="col-sm-12">
					<section class="panel">
						<header class="panel-heading custom-tab turquoise-tab">
							<ul class="nav nav-tabs">
								<li class="active"><a href="{:U('nav/index')}"><i class="fa fa-list-ul"></i> {:L('ADMIN_NAV_INDEX')}</a></li>
								<li><a href="{:U('nav/add',array('cid'=>$navcid))}"><i class="fa fa-plus"></i> {:L('ADMIN_NAV_ADD')}</a></li>

							</ul>
						</header>
						<div class="panel-body">
							<section class="panel">
								<div class="panel-body">
									<form class="form-horizontal" role="form" method="post" action="{:U('nav/index')}">
										<div class="form-group">
											<div class="col-lg-10">
												<select class=" input-lg "  name="cid" id="cid" style="padding: 5px 16px;height: auto">
													<foreach name="navcats" item="vo">
														<php>$navcid_selected=$navcid==$vo['navcid']?"selected":"";</php>
														<option value="{$vo.navcid}" {$navcid_selected}>{$vo.name}</option>
													</foreach>
												</select>
											</div>
										</div>

									</form>
								</div>
							</section>
							<section id="no-more-tables">
								<form class="js-ajax-form" action="{:U('nav/listorders')}" method="post">
									<div class="table-actions">
										<button type="submit" class="btn btn-primary btn-small js-ajax-submit">{:L('SORT')}</button>
									</div>
									<table class="table table-bordered table-striped table-hover table-condensed cf">
										<thead class="cf">
										<tr>
											<th width="50">{:L('SORT')}</th>
											<th   align="center" >ID</th>
											<th>{:L('NAVIGATION_NAME')}</th>
											<th>英文{:L('NAVIGATION_NAME')}</th>
											<th >{:L('STATUS')}</th>
											<th width="30%">{:L('ACTIONS')}</th>
										</tr>
										</thead>
										<tbody>
										{$categorys}
										</tbody>
										<tfoot>
										<tr>
											<th>{:L('SORT')}</th>
											<th>ID</th>
											<th>{:L('NAVIGATION_NAME')}</th>
											<th>英文{:L('NAVIGATION_NAME')}</th>
											<th >{:L('STATUS')}</th>
											<th >{:L('ACTIONS')}</th>
										</tr>
										</tfoot>
									</table>
									<div class="table-actions">
										<button type="submit" class="btn btn-primary btn-small js-ajax-submit">{:L('SORT')}</button>
									</div>
									</form>
							</section>

						</div>
					</section>
				</div>
			</div>
		</div>

	</div>
	</div>
	</div>
	<!--body wrapper end-->

	<!--footer section start-->
	<footer>
		<admintpl file="copyright" />
	</footer>
	<!--footer section end-->

	</div>
	<!-- main content end-->
</section>

<script src="__PUBLIC__/TciocEx/js/jquery-1.10.2.min.js"></script>
<script src="__PUBLIC__/js/wind.js"></script>
<script src="__PUBLIC__/js/common.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="__PUBLIC__/simpleboot/bootstrap/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery-migrate-1.2.1.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/modernizr.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery.nicescroll.js"></script>
<script src="__PUBLIC__/js/ajaxForm.js"></script>

<script type="text/javascript" src="__PUBLIC__/TciocEx/js/jquery.validate.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/validation-localization/messages_zh.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/scripts.js"></script>
<script src="__PUBLIC__/TciocEx/js/validation-init.js"></script>

<script>
	$(function() {

		$("#navcid_select").change(function() {
			$("#mainform").submit();
		});

	});
</script>
</body>
</html>